<template>
	<view class="baseTitle-box">
		<view class="m-title-box">
			<text class="m-line"> </text>
			<text class="m-title">{{ props.title }}</text>
		</view>
	</view>
</template>
<script setup>
	const props = defineProps({
		title: {
			type: [Object, String],
			default: () => {
				return "--"
			}
		}
	})

	const emits = defineEmits(['moreClick'])

	const handleToClick = () => {
		emits('moreClick', props.title)
	}
</script>
<style lang="scss" scoped>
	.baseTitle-box {
		display: flex;
		margin-top: 30rpx;
		margin-bottom: 30rpx;
		flex-direction: row;

		.m-title-box {
			margin-left: 25rpx;
			width: fit-content;
			display: flex;
			flex-direction: row;
			align-items: center;

			.m-title {
				font-size: 32rpx;
				color: #151515;
				margin-left: 8rpx;
			}

			.m-line {
				width: 4rpx;
				height: 26rpx;
				background: #26A0FF;
				border-radius: 3rpx;
			}
		}


	}
</style>